<%--
  Created by IntelliJ IDEA.
  User: 20459
  Date: 2023/3/16
  Time: 17:40
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
    <link rel="shortcut icon" href="#"/>
    <link rel="stylesheet" href="../iconfont/iconfont.css" />
    <link rel="stylesheet" href="../css/orderXq.css">
    <script src="../js/jquery-3.5.1.min.js"></script>
    <script src="../js/orderxq.js"></script>
    <script src="../js/city.js"></script>
    <link rel="stylesheet" href="../../css/thenlogin.css"/>
</head>
<body>
<div class="bbox">
    <div style="margin: 0px auto;">
        <div class="newaddressbox">
            <div class="newaddress">
                <div class="nad-title">
                    <span class="nad-title-text">添加收货地址</span>
                    <img onclick="imgdelbtn()" src="img/closenewaddress.png" style="position: absolute;right: 20px;top: 20px;cursor: pointer;" alt="">
                </div>
                <div class="nad-body">
                    <input type="text" placeholder="姓名" class="nad-body-input1">
                    <input type="text" placeholder="手机号" class="nad-body-input1" style="margin-left: 15px;">
                    <div onclick="selectaddress()" id="text" class="nad-body-input2" style=" width: 380px; height: 40px;
                     padding: 0px 30px 0px 15px;line-height: 40px;border: none;cursor:pointer;
                     border-radius: 5px;margin-bottom: 20px;background-size: 20px;background-position: 445px;
                     background-color: #f7f7f7;color: #7c7c7c;font-size: 13px;">
                        选择省份/自治区
                    </div>
                    <div id="addressselect" style="width: 470px;height: 180px;background-color: #0381fe;position: absolute;border-radius: 5px;display: none;">
                        <div id="sheng" style="width: 156px;height: 100%;float: left;background-color: #ffffff;overflow-y: scroll;">

                        </div>
                        <div id="shi" style="width: 156px;height: 100%;float: left;background-color: #ffffff;overflow-y: scroll;">

                        </div>
                        <div id="qu" style="width: 156px;height: 100%;float: left;background-color: #ffffff;overflow-y: scroll;">
                        </div>
                    </div>
                    <textarea class="nad-body-input3" placeholder="详细地址"></textarea>
                    <div class="nad-body-btn">
                        <button class="nad-body-btn1" onclick="quxiao()">取消</button>
                        <button class="nad-body-btn2" onclick="queding()">确定</button>
                    </div>
                </div>
            </div>
        </div>


        <div class="chooseaddressbox" style="display: none">
            <div class="chooseaddress">
                <div class="cad-title">
                    选择收货地址
                    <img onclick="cadquxiao()" src="img/closenewaddress.png" style="position: absolute;right: 20px;top: 20px;cursor: pointer;" alt="">
                </div>
                <div class="cad-body" >
                    <div class="cad-addressbox">
                    <c:forEach items="${address}" var="a">
                        <div class="cad-address">
                            <input class="aid" type="hidden" value="${a.aid}">
                            <p>
                                收货人：<span>${a.aname}</span>
                            </p>
                            <p>
                                联系方式：<span>${a.aphone}</span>
                            </p>
                            <p>
                                收货地址：<span>${a.sheng}${a.shi}${a.qu}${a.addressname}</span>
                            </p>
                            <input onclick="onclickisdefault()" class="cad-address-input" type="radio" name="addrad">
                            <div class="cad-address-bianji" onclick="cadbianjibtn()">编辑</div>
                            <div class="cad-address-shanchu" onclick="caddelbtn()">删除</div>
                        </div>


                    </c:forEach>

                    </div>
                    <button onclick="cadnewaddress()" class="cad-address-nadbtn">新建地址</button>
                    <button onclick="cadokbtn()" class="cad-address-okbtn">确定</button>
                </div>
            </div>
        </div>
        <!-- 头部 body部分 -->
        <div id="box">
            <!-- 遮罩层 -->
            <div id="zzc"></div>

            <div class="headNav">
                <div class="headNavRbox">
                    <a href="">三星官网</a>
                    <a href="">盖乐世社区</a>
                    <a href="">三星商城VIP用户专属服务</a>
                    <a href="">三星商城APP</a>
                    <a href=""><span class="iconfont icon-dianhua" style="margin-right: 5px;"></span>400 011 8899</a>
                </div>
            </div>

            <div class="gnb_nav">
                <div class="gnb_nav_img gnb_nav_float">
                    <a href=""><img src="img/global-samsung-logo1.png" /></a>
                </div>

                <div class="gnb_nav_center gnb_nav_float">
                    <li>手机/平板</li>
                    <li>手表/耳机</li>
                    <li>电视/影视</li>
                    <li>生活家电</li>
                    <li>显示器/存储</li>
                </div>

                <div class="gnb_nav_righ">
                    <input id="search" type="text" />
                    <div class="searchtip"></div>
                    <div onclick="search()" class="dosearch"><img src="img/dosearch.png" alt=""></div>
                    <span class="iconfont icon-gouwuche" onclick='${sessionScope.user==null?"isnull()":"iscart()"}'></span>
                    <c:if test="${user!=null}">
                        <div class="gwcnumber"><span class="gwcnumbertext">${cartcount}</span></div>
                    </c:if>
                    <li>${sessionScope.user==null?"<a href='/login' id='delu'>登录/注册</a>":"<img src='img/login.png' width=25 height=25 id='Login' onmouseover='Login()'>"}</li>
                    <div id="levitation">
                        <div><a href="/MyOrdershas">我的订单</a></div>
                        <div><a href="/MyCollection">我的收藏</a></div>
                        <div><a href="/Myevaluation">我的评价</a></div>
                        <div><a href="/center">个人主页</a></div>
                        <div><a href="/Shippingaddress">收货地址</a></div>
                        <div><a href="/isnull">退出</a></div>
                    </div>
                </div>

                <!-- 显示的盒子 -->
                <div id="show">
                    <div id="show_conten_header">
                        <h1>手机/平板</h1><span id="cancelshow">×</span>
                    </div>

                    <div class="show_nav_conten">
                        <div class="showNavone">
                            <li class="newtuijian">新品推荐<span><img src="img/rightarrow.png" alt=""></span></li>
                            <c:forEach items="${selectxl}" var="xl">
                                <li  class="xlli" id="${xl.xid}">${xl.xname}<span><img src="img/rightarrow.png" alt=""></span></li>
                            </c:forEach>
                        </div>
                        <div class="showNavtwo">
                            <div class="showNavtwoson">
                                <c:forEach items="${newgoods}" var="n">
                                    <li onclick="chuandetail(${n.sid},${n.lid})">${n.sname}<span>新</span></li>
                                </c:forEach>
                            </div>
                        </div>
                        <div class="showNavthree">
                            <div id="advertisebox">
                                <img src="img/advertisePhone.png" alt="">
                            </div>
                            <a>Galaxy S23系列</a><br />
                            <a id="lianjie">了解更多</a>
                        </div>
                    </div>
                </div>

            </div>
        </div>


        <div class="orderbox">
            <div class="order-main">
                <a href="/" class="index">首页</a>
                <span style="display: inline-block; margin: 0px 5px;">></span>
                <span>结算页</span>
            </div>
            <div class="order-title">
                填写订单信息
            </div>
            <div class="order-content">
                <input type="radio" class="tui-checkbox" name="1">
                <label style="margin-left: 25px;">商城配送</label>

                <input type="radio" class="tui-checkbox" name="1">
                <label style="margin-left: 25px;">门店自提</label>
            </div>
            <div class="order-content1">
                <div class="order-content-title">
                    收货地址
                </div>
                <div class="order-new-edit" onclick="newaddress()">
                    <img src="img/download.png"/>
                    <p>添加新地址</p>
                </div>
                <div class="order-edit" style="display: none;margin-top: 25px;">
                    <div class="order-edit-address">
                        <li>收货人：<span class="addressname">夏智超</span></li>
                        <li>联系方式：<span class="addressphone">18890551604</span></li>
                        <li>收货地址：<span class="address">湖南省株洲市荷塘区湖南化工职业技术学院</span></li>
                        <button class="addressbtn" onclick="xiugai()">修改</button>
                    </div>
                </div>

            </div>
            <div class="order-content2">
                <div class="order-content-title">
                    商品信息
                </div>
                <div class="order-cart-table">
                    <div class="table-item">商品</div>
                    <div class="table-price">单价</div>
                    <div class="table-kongbai"></div>
                    <div class="table-amount">数量</div>
                    <div class="table-sum">小计</div>
                </div>
                <c:choose>
                    <c:when test="${goodsdetail==null}">
                        <c:forEach items="${goodsdetail1}" var="a" varStatus="status">
                        <c:if test="${!status.first}">
                            <hr width="1200px" size="1px" color="black">
                        </c:if>
                        <div class="order-cart-combine">
                            <div class="order-cart-item-Header">
                                <img src="${a.detail.commodity.url}" width="100px" height="100px" style="float: left;"/>
                                <div class="item-goods">
                                    <span style="font-weight: 700; font-size: 17px;">${a.detail.commodity.sname}<span style="font-weight:500">${a.detail.commoditycolor.yname}</span> ${a.detail.commoditymemory.nname}</span><br>
                                    <span style="color: #707070; font-weight: 500;">内存/${a.detail.commoditymemory.nname}</span>&numsp;<span>${a.detail.commoditycolor.yname}</span>
                                </div>
                                <div class="table-price-main">
                                    <p>￥${a.detail.xprice}</p>
                                </div>
                                <div class="table-item-amount">
                                    <p>X${a.gnum}</p>
                                </div>
                                <div class="table-price-main">
                                    <p>￥${a.detail.xprice*a.gnum}</p>
                                </div>
                            </div>

                            <div class="carts-li">
                                <div class="carts-li1">
                                    <li>
                                        <span class="most-shop">管家服务</span>
                                        <span class="fwName">24个月优惠换屏/后壳服务</span>
                                        <span class="much" style="font-size: 17px;">￥0</span>
                                        <span class="most-num" style="font-size: 17px;">X1</span>
                                        <span class="most-price" style="font-size: 17px;">￥0</span>
                                    </li>
                                </div>
                                <div class="carts-li2">
                                    <li>
                                        <span class="most-shop">远程服务</span>
                                        <span class="fwName">不需要</span>
                                        <span class="much">￥0</span>
                                        <span class="most-num" style="font-size: 17px;">X1</span>
                                        <span class="most-price" style="font-size: 17px;">￥0</span>
                                    </li>
                                </div>
                                <div class="carts-li3">
                                    <li>
                                        <p class="most-shop">购机好礼<span class="fwName">1年碎屏险</span><span class="most-num" style="margin-left: 653px;">X1</span></p>
                                        <p class="fwName">1年屏幕随心换+1年电池随心换<span class="most-num" style="margin-left: 505px;">X1</span></p>
                                        <p class="fwName">回收补贴至高享600元<span class="most-num" style="margin-left: 571px;">X1</span></p>
                                    </li>
                                </div>
                                <div style="clear:both"></div>
                            </div>
                            <div class="carts-li4">
                                <li>
                                    <span class="shouqitext" onclick="shouqi()" style="cursor: pointer;margin-bottom: 50px">收起<img src="img/collapse.png" alt="" width="20px" height="20px" style="margin-bottom: -5px;"></span>
                                </li>
                            </div>
                            <div class="carts-li4 carts-li5" style="display: none;">
                                <li>
                                    <span class="shouqitext" onclick="xiala()" style="cursor: pointer;">查看更多信息<img src="img/drop-down-details.png" alt="" width="20px" height="20px" style="margin-bottom: -5px;"></span>
                                </li>
                            </div>
                        </div>
                        </c:forEach>
                    </c:when>
                    <c:otherwise>
                        <c:forEach items="${goodsdetail}" var="a" varStatus="status">
                            <c:if test="${!status.first}">
                                <hr width="1200px" size="1px" color="black">
                            </c:if>
                            <div class="order-cart-combine">
                                <div class="order-cart-item-Header">
                                    <img src="${a.commodity.url}" width="100px" height="100px" style="float: left;"/>
                                    <div class="item-goods">
                                        <span style="font-weight: 700; font-size: 17px;">${a.commodity.sname}<span style="font-weight:500">${a.commoditycolor.yname}</span> ${a.commoditymemory.nname}</span><br>
                                        <span style="color: #707070; font-weight: 500;">内存/${a.commoditymemory.nname}</span>&numsp;<span>${a.commoditycolor.yname}</span>
                                    </div>
                                    <div class="table-price-main">
                                        <p>￥${a.xprice}</p>
                                    </div>
                                    <div class="table-item-amount">
                                        <p>X${gnumber}</p>
                                    </div>
                                    <div class="table-price-main">
                                        <p>￥${dtotal}</p>
                                    </div>
                                </div>

                                <div class="carts-li">
                                    <div class="carts-li1">
                                        <li>
                                            <span class="most-shop">管家服务</span>
                                            <span class="fwName">24个月优惠换屏/后壳服务</span>
                                            <span class="much" style="font-size: 17px;">￥0</span>
                                            <span class="most-num" style="font-size: 17px;">X1</span>
                                            <span class="most-price" style="font-size: 17px;">￥0</span>
                                        </li>
                                    </div>
                                    <div class="carts-li2">
                                        <li>
                                            <span class="most-shop">远程服务</span>
                                            <span class="fwName">不需要</span>
                                            <span class="much">￥0</span>
                                            <span class="most-num" style="font-size: 17px;">X1</span>
                                            <span class="most-price" style="font-size: 17px;">￥0</span>
                                        </li>
                                    </div>
                                    <div class="carts-li3">
                                        <li>
                                            <p class="most-shop">购机好礼<span class="fwName">1年碎屏险</span><span class="most-num" style="margin-left: 653px;">X1</span></p>
                                            <p class="fwName">1年屏幕随心换+1年电池随心换<span class="most-num" style="margin-left: 505px;">X1</span></p>
                                            <p class="fwName">回收补贴至高享600元<span class="most-num" style="margin-left: 571px;">X1</span></p>
                                        </li>
                                    </div>
                                    <div style="clear:both"></div>
                                </div>
                                <div class="carts-li4">
                                    <li>
                                        <span class="shouqitext" onclick="shouqi()" style="cursor: pointer;margin-bottom: 50px">收起<img src="img/collapse.png" alt="" width="20px" height="20px" style="margin-bottom: -5px;"></span>
                                    </li>
                                </div>
                                <div class="carts-li4 carts-li5" style="display: none;">
                                    <li>
                                        <span class="shouqitext" onclick="xiala()" style="cursor: pointer;">查看更多信息<img src="img/drop-down-details.png" alt="" width="20px" height="20px" style="margin-bottom: -5px;"></span>
                                    </li>
                                </div>
                            </div>
                        </c:forEach>
                    </c:otherwise>
                </c:choose>
            </div>
            <div class="order-content3">
                <div class="tabs_nav-scroll">
                    <div class="order-content3-title">
                        优惠券
                        <br>
                        <span style="position: absolute; top: 58px; right: 90px; display: inline-block; height: 3px;width: 40px;border-bottom: 5px #2189ff solid;">&nbsp;</span>
                    </div>
                    <div class="order-content3-title" style="color: #7f7f7f;">
                        优惠码
                    </div>
                </div>
                <div class="tab-pane">
                    <img src="img/coupons.png" alt="">
                    <span>您还没有优惠卷</span>
                </div>
                <div>
                    <p style="margin-top: 0px;font-size: 20px;">金额抵用<span style="color:#0049b9;font-weight: 600;">￥0 </span>元使用</p>
                </div>
            </div>

            <div class="order-content4">
                <div class="order-content4-title">
                    金额明细
                </div>
                <p><span class="gcount">商品计数:</span><span style="color: #0049b9;font-weight: 600;">${gnumber}件</span></p>
                <p><span class="gprice">商品总价:</span><span style="color: #0049b9;font-weight: 600; margin-left: 280px;">￥${dtotal}</span></p>
                <p style="font-size: 22px;"><span class="Amountdue">应付金额:</span><span style="color: #0049b9;font-weight: 600;">￥${dtotal}</span></p>
            </div>

            <div class="order-content5">
                <div class="order-content5-title">
                    结算方式
                </div>
                <div class="order-cart-table5">
                    <input type="radio" checked style="margin-right: 10px;width: 15px;height: 15px;">全额支付
                </div>
                <div class="order-content5-1-title">
                    支付方式
                </div>
                <div class="order-modu-main">
                    <div class="order-modu-btn">
                        平台支付
                    </div>
                    <p style="color: #767676;font-size: 16px;" name = "1">1.请选择银行</p>

                    <div  class="PaymentMethod img1">
                        <input type="hidden" value="银联支付">
                        <img src="img/china-UnionPay.png" alt="" width="130px" height="30px">
                    </div>
                    <div class="PaymentMethod img1">
                        <input type="hidden" value="支付宝支付">
                        <img src="img/alipay.png" alt=""  width="105px" height="30px">
                    </div>
                    <div class="PaymentMethod img1">
                        <input type="hidden" value="微信支付">
                        <img src="img/wechat-pay.png" alt=""  width="119px" height="30px">
                    </div>
                </div>
            </div>
            <div class="order-content6">
                <div class="order-invalid-title">
                    <p class="order-content6-title">
                        发票信息
                    </p>
                    <span class="txt-tl01">
							本商城产品均开具正规电子发票，请注意接收
						</span>
                </div>
                <div class="order-stage-info">
                    <label class="container">
                        <input type="radio" checked="checked" name="radio"><span class="text">个人</span>
                        <span class="checkmark"></span>
                    </label>
                    <label class="container">
                        <input type="radio" name="radio"><span class="text">单位</span>
                        <span class="checkmark"></span>
                    </label>
                    <div class="order-inputgrbox">
                        <input class="order-content6-input" style="display: block;margin-top: 20px;height: 36px;width: 484px;padding: 0px 15px;" type="text" value="个人">
                        <input class="order-content6-input" style="display: block;margin-top: 20px;height: 36px;width: 484px;padding: 0px 15px;" type="text" value="18890551604">
                        <input class="order-content6-input" style="display: block;margin-top: 20px;height: 36px;width: 269px;padding: 0px 15px;" type="text" placeholder="请输入收票人邮箱">
                    </div>
                    <div class="order-inputdwbox">
                        <input class="order-content6-input" style="display: block;margin-top: 20px;height: 36px;width: 484px;padding: 0px 15px;" type="text" placeholder="请输入单位名称">
                        <input class="order-content6-input" style="display: block;margin-top: 20px;height: 36px;width: 484px;padding: 0px 15px;" type="text" placeholder="请输入纳税人识别号">
                        <input class="order-content6-input" style="display: inline-block;margin-top: 20px;height: 36px;width: 158.5px;padding: 0px 15px;" type="text" value="18890551604">
                        <input class="order-content6-input" style="display: inline-block;margin-top: 20px;height: 36px;width: 265.44px;padding: 0px 15px;margin-left: 25px;" type="text" placeholder="请输入收票人邮箱">
                    </div>
                </div>
            </div>
            <div class="order-content7">
                <div class="order-content7-title">
                    全场免运费
                </div>
                <div class="order-submit-main">
                    <div class="order-submit-main-agreement">
                        <input class="el-checkbox__inner" type="checkbox" checked>
                        *我接受：<a href="" style="color: #2189ff;">隐私条款</a>及<a href="" style="color: #2189ff;">使用条款</a>及同意接收营销活动等消息
                        <span onclick="submitbtn()" class="agreement-button">提交订单</span>
                        <input class="agerrment-dtotal" type="hidden" value="${dtotal}">
                        <p class="agreement-p1">实付金额：<span style="color: #004098;font-size: 28px;font-weight: 600;">￥${dtotal}</span></p>
                        <p style="float: right;margin-top: 50px;position: absolute;right: 20px;">寄送至:<span class="button-address">湖南省株洲市荷塘区湖南省株洲市荷塘区湖南化工职业技术学院</span>收货人
                            :<span class="button-name">夏智超</span><span class="button-phone">18890551604</span>
                        </p>
                    </div>
                </div>
            </div>
        </div>

        <div id="baobox">
            <div>
                <div class="BOX2">
                    <div class="BOX3">
                        <div class="BOX4">
                            <img src="img/icon-logistics.png">
                            <p>专业客服团队/提供当季优惠信息</p>
                        </div>
                        <div class="BOX5">
                            <img src="img/icon-seven.png">
                            <p>7天无理由退货15天换货(定制商品除外)</p>
                        </div>
                    </div>

                    <div class="BOX9">
                        <div class="BOX10">
                            <div class="BOX11">
                                <img src="img/icon-hand.png">
                                <span>官方正品请安心购买</span>
                            </div>
                            <div class="BOX12">
                                <img src="img/icon-phone.png">
                                <div>
                                    <span>服务中心</span><br>
                                    <span style="font-weight: 600;">400-011-8899(09:00~22:</span><br>
                                    <span style="font-weight: 600;"> 00)</span>
                                </div>
                            </div>
                        </div>
                        <div class="BOX13">
                            <div >关注我们</div>
                            <img src="img/icon-app.png" style="margin-right:105px;">
                            <img src="img/icon-wb.png" style="margin-right:25px;">
                            <div style="display: flex;padding-left: 240px;width: 110px;">
                                <p>微博</p>
                                <p style="padding-left: 20px;">下载<p style="font-weight:600">APP</p></p>
                            </div>
                        </div>
                    </div>
                    <div class="BOX7">
                        <div>
                            <h4>产品</h4>
                            <p> <a href="">手机/平台</a></p>
                            <p>	<a href="">手表/耳机</a></p>
                            <p>	<a href="">电视/影音</a></p>
                            <p>	<a href="">生活家电</a> </p>
                            <p>	<a href="">显示器/存储</a></p>
                        </div>
                        <div style="margin-left: 56px;">
                            <h4>我的三星</h4>
                            <p> <a href="">我的订单</a></p>
                            <p>	<a href="">我的星钻</a></p>
                            <p>	<a href="">优惠券</a></p>
                            <p>	<a href="">个人地址</a> </p>
                            <p>	<a href="">收货地址</a></p>
                        </div>
                    </div>
                    <div class="BOX8">
                        <div style="height: 230px;">
                            <h4>产品</h4>
                            <p> <a href="">常见问题</a></p>
                            <p>	<a href="">三星商城账号</a></p>
                            <p>	<a href="">产品和订单</a></p>
                            <p>	<a href="">商品支付及发票</a> </p>
                            <p>	<a href="">三星专属管家服务</a></p>
                            <p>	<a href="">物流</a></p>
                            <p>	<a href="">售后服务</a></p>
                        </div>
                        <div style="margin-left: 50px;">
                            <h4>服务支持</h4>
                            <p> <a href="">关于商城</a></p>
                            <p>	<a href="">关于三星</a></p>
                            <p>	<a href="">售后网点查询</a></p>
                            <p>	<a href="">联系我们</a> </p>
                            <p>	<a href="">体验反馈➚ </a></p>
                        </div>
                    </div>
                </div>
                <div class="BottomBox">
                    <div>
                        <p style="padding-left: 50px;width: 100px;height: 20px;">隐私政策</p>
                        <p style="width: 100px;height: 20px;">用户协议</p>
                        <p style="width: 100px;height: 20px;">网站地图</p>
                        <p style="margin-left: 600px;width: 370px;">© 1995-2023 三星（中国）投资有限公司 版权所有</p>
                    </div>
                    <div>
                        <img src="img/icon-record.d0289dc0.png" style="margin-left: 50px;" width="20" height="20">
                        <p>京公网安备 11010502040099号</p>
                        <p style="padding-left: 20px;">京ICP备05068163号</p>
                        <img src="img/icon-gscord.c3e17e54.png" width="20" height="20">
                        <p>营业执照</p>
                        <p style="padding-left: 450px;">三星（中国）投资有限公司运营三星商城并销售产品</p>
                    </div>
                </div>
            </div>
        </div>



    </div>
</div>
</body>
</html>
